<!DOCTYPE html>
<script src="../../../resources/js-test.js"></script>
<p>Pass if the two selects below have the same width.</p>
<select id="ref">
    <option>OPTION TEXT</option>
</select>
<br>
<select id="test">
    <option></option>
</select>
<script>
description("Modifying text content of an <option> changes the width of the <select>.");

var refSelect = document.querySelector("#ref");
var testSelect = document.querySelector("#test");

shouldBeGreaterThan("refSelect.offsetWidth", "testSelect.offsetWidth");

testSelect.querySelector("option").textContent = "OPTION TEXT";

shouldBe("testSelect.offsetWidth", "refSelect.offsetWidth");
</script>
